<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="./ckplayer.min.js" charset="utf-8" data-name="ckplayer"></script>
</head>

<body>
    <div class="video" style="width: 600px;height: 400px;"></div>
    <div class="video1" style="width: 600px;height: 400px;"></div>
    <div class="video2" style="width: 600px;height: 400px;"></div>
    <div class="video3" style="width: 600px;height: 400px;"></div>

    <script type="text/javascript">
        //定义一个变量：videoObject，用来做为视频初始化配置
        var videoObject = {
            container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
            variable: 'player', //播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
            autoplay: true,
            video: "http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4" //视频地址
        };
        var player = new ckplayer(videoObject); //初始化播放器

        var player1 = new ckplayer({
            ...videoObject,
            video: 'http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4',
            container: 'video1'
        }); //初始化播放器
        var player2 = new ckplayer({
            ...videoObject,
            video: 'http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4',
            container: 'video2'
        }); //初始化播放器
        var player2 = new ckplayer({
            ...videoObject,
            video: 'http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4',
            container: 'video3'
        }); //初始化播放器
    </script>
</body>

</html>